<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/my.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>

<body style="background:#4A4942">
    <!-- 头部 -->
    <header>
        <span style="width: 0.9rem"></span>
        <a href="#" style="font-size:0.35rem;line-height: 0.55rem;color: #fff">个人中心</a>
        <a href="set.html" style="font-size:0.55rem;line-height: 0.55rem;color: #fff" class="iconfont iconxiaoxi"></a>
    </header>

    <!-- 内容区域 -->
    <section>
        <article class="top">
            <a href="#" style="font-size: 0.22rem;font-weight: 900;color: black;display: block;text-align: right;width: 100%;">我的美术馆&nbsp;&nbsp;&nbsp;&nbsp;</a>
            <p style="margin-top: 0.4rem">莫相识</p>
            <p>ID：360153</p>
            <p><span>0赞赏</span><span style="margin:0 0.4rem;">0粉丝</span><span>1关注</span></p>
            <p style="width: 7.04rem;margin: 0 auto;padding-bottom: 0.28rem;border-bottom: 0.02rem solid #d8d8d8"><em>VIP特权</em><span style="margin:0 0.4rem;">865节艺术课任你选</span><em>任你选</em></p>
            <div style="width: 1.68rem;height: 1.68rem;position: absolute;top: -0.8rem;left: 39%;"><img src="img/小老鼠.jpg" alt="" style="border-radius: 50%;width: 100%;height: 100%;"></div>
        </article>
        <article class="bottom">
            <p><em style="height: 0.39rem;border-left: 0.04rem solid #eec14f;padding-left: 0.3rem;">正在画的</em><span style="color: #eec14f;display: block;width: 0.7rem;background: url(img/小三角.jpg) no-repeat 0.5rem 0.2rem;float: right">暂无</span></p>
            <p><em style="height: 0.39rem;border-left: 0.04rem solid #eec14f;padding-left: 0.3rem;">收藏课程</em><span style="color: #eec14f;display: block;width: 0.7rem;background: url(img/小三角.jpg) no-repeat 0.5rem 0.2rem;float: right;">更多</span></p>
            <div>
                <figure><img src="img/图片.jpg" alt=""></figure>
                <figcaption>唯美水彩创作——奇幻风格</figcaption>
            </div>
            <p class="teshu"><a href="#">我的拼团</a></p>
            <p class="teshu"><a href="#">我的作业</a></p>
            <p class="teshu"><a href="note.html">我的笔记</a></p>
            <p class="teshu"><a href="#">毕业证书</a></p>
            <p class="teshu"><a href="gener.html">推广中心</a></p>
        </article>
    </section>

    <!-- 底部 -->
    <footer>
        <figure class="shouye">
            <span class="iconfont iconshouye"></span>
            <figcaption>首页</figcaption>
        </figure>
        <figure class="yujian">
            <span class="iconfont iconzhaopian"></span>
            <figcaption>遇见</figcaption>
        </figure>
        <figure class="shequ">
            <span class="iconfont iconshequ-weijihuo"></span>
            <figcaption>社区</figcaption>
        </figure>
        <figure class="wode">
            <span class="iconfont iconwode1"></span>
            <figcaption>我的</figcaption>
        </figure>
    </footer>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/skip.js"></script>
    <script src="js/api.js"></script>
    <script src="js/axios.min.js"></script>
    <script src="js/cookie.js"></script>
    <script src="js/my.js"></script>
</body>

</html>